<template>
  <view class="empty-container">
    <image src="/static/Images/common/Gantanhao.png" class="empty-icon"></image>
    <text class="empty-text">{{ text }}</text>
  </view>
</template>

<script>
export default {
  name: 'EmptyData',
  props: {
    // 可以自定义提示文本
    text: {
      type: String,
      default: '暂无数据'
    }
  }
}
</script>

<style scoped>
.empty-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60rpx 0;
  width: 100%;
  box-sizing: border-box;
}

.empty-icon {
  width: 120rpx;
  height: 120rpx;
  margin-bottom: 20rpx;
}

.empty-text {
  font-size: 28rpx;
  color: #999999;
  text-align: center;
}
</style>